<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品中心</title>
    <link rel="stylesheet" href="./css/product.css">
</head>

<body>
    <div class="container">
        <header>
            <nav>
                <div class="logoBox">
                    <img src="./images/index/logo.png" alt="">
                    <h2>银河卫浴</h2>
                </div>

                <ul class="tabBar">
                    <li><a href="./Index.html">首页</a></li>
                    <li><a href="./About.html">关于银河</a></li>
                    <li><a href="./Employment.html">招聘信息</a></li>
                    <li class="active"><a href="./Product.html">产品中心</a></li>
                    <li><a href="./News.html">新闻中心</a></li>
                    <li><a href="./Contact.html">联系我们</a></li>
                </ul>
            </nav>

            <div class="banner">
                <img src="./images/product/banner.png" alt="">
                <div class="imgTitle">
                    <div class="title">
                        <p>银河面盘龙头</p>
                        <p>科学用水 完美适配</p>
                    </div>
                </div>
            </div>
        </header>

        <main>
            <!-- s1 -->
            <section>
                <div class="content_1">
                    <ul>
                        <li>全部产品</li>
                        <li>最新产品</li>
                        <li>成功案例</li>
                    </ul>
                </div>
            </section>

            <!-- s2 -->
            <section>
                <div class="content_2">
                    <ul>
                        <li>
                            <img src="./images/product/content_2(1).png" alt="">
                            <h3>金属洗衣柜</h3>
                            <div>
                                <p>耐磨抗刮，不易发黄，容易清洁和打理</p>
                                <p>2019.02.26</p>
                            </div>
                        </li>
                        <li>
                            <img src="./images/product/content_2(2).png" alt="">
                            <h3>节水坐便器</h3>
                            <div>
                                <p>微晶抗污釉面技术，持久洁净，光洁如新</p>
                                <p>2019.02.26</p>
                            </div>
                        </li>
                        <li>
                            <img src="./images/product/content_2(3).png" alt="">
                            <h3>智能一体机</h3>
                            <div>
                                <p>活水即热，瞬间加热，持久恒温</p>
                                <p>2019.02.26</p>
                            </div>
                        </li>
                        <li>
                            <img src="./images/product/content_2(4).png" alt="">
                            <h3>系列一体式空缸</h3>
                            <div>
                                <p>整体性强，后期维护保养更简便 </p>
                                <p>2019.02.26</p>
                            </div>
                        </li>
                        <li>
                            <img src="./images/product/content_2(5).png" alt="">
                            <h3>面盆龙头</h3>
                            <div>
                                <p>高性能超节水起泡器，节能降噪防溅水</p>
                                <p>2019.02.26</p>
                            </div>
                        </li>
                        <li>
                            <img src="./images/product/content_2(6).png" alt="">
                            <h3>不锈钢水槽</h3>
                            <div>
                                <p>优质不锈钢制造，经久耐用</p>
                                <p>2019.02.26</p>
                            </div>
                        </li>
                    </ul>

                    <button>加载更多</button>
                </div>
            </section>
        </main>
        <footer>
            <p>©2019 Baidu 使用银河前必读 意见反馈 京ICP证030121号 京公网安备11000002888888号</p>
        </footer>
    </div>
</body>

</html>